/**
 * 分页
 * .html()用为读取和修改元素的HTML标签
 * .text()用来读取或修改元素的纯文本内容
 * .val()用来读取或修改表单元素的value值
 * .trim()用来去掉字符串两端的多余的空格
 */
function count(){
	//var关键字定义变量cname,赋值为空。
	var cname = null;
	//var关键字定义变量qq,赋值id为qq的值。
	var qq = $("#qq").val().trim();
	//判断cname不等于null和不等于空
	if ($("#cname").val().trim() != null && $("#cname").val().trim() != "") {
		//赋值id为cname的值给变量cname。
		cname = $("#cname").val().trim();
	}else {
		//反馈信息
		$("xinxi").text("用户名为空！");
	}
	//ajax post请求controller控制器的方法，返回cname,qq值，function声明一个函数，给参数并执行。
	$.post("dream/querycount",{cname:cname,qq:qq},function(data){
		//parseInt() 函数可解析一个字符串，并返回一个整数。
		zpage=parseInt(data)/8;
		if(parseInt(data)%8>0){
			zpage++;
		}
		//修改id为count的HTML标签元素，显示总条数、首页、上一页、下一页、尾页。
		$("#count").html("<span id='sp'>共"+parseInt(data)+"条记录"+"&nbsp;&nbsp;["+parseInt(page)
				+"/"+parseInt(zpage)+"]</span><c align='right' id='s'><button onclick='shouye()' style='width: 70px; height: 25px; background-color: #CCFFFF; color:blue;'>首页</button>&nbsp;&nbsp;&nbsp;<button onclick='up()' style='width: 70px; height: 25px; background-color: #CCFFFF; color:blue;'>上一页</button>&nbsp;&nbsp;&nbsp;<button onclick='down()' style='width: 70px; height: 25px; background-color: #CCFFFF; color:blue;'>下一页</button>&nbsp;&nbsp;&nbsp;<button onclick='weiye()' style='width: 70px; height: 25px; background-color: #CCFFFF; color:blue;'>尾页</button></c>");	
	});
};
//var关键字定义变量page,赋值为1。
var page=1;//当前页
//var关键字定义变量page,赋值为0。
var zpage=0;//总页数


//首页
function shouye(){
	//判断parseInt()函数返回的整数是否为不等于1
	if(parseInt(page)!=1){
		//page赋值为1，SQL语句limit ${page},8  检索记录行 2至9  共8条
		page=1;
		//调用query()函数
		query()
	}
};

//上一页
function up(){
	//判断parseInt()函数返回的整数是否大于1，大于的话page--，上一页。
	if(parseInt(page)>1){
		//page每次执行减1，SQL语句limit ${page},8  检索记录行 page-1至(page-1)+8  共8条
		page--;
		//调用query()函数
		query()
	}
};

//下一页
function down(){
	//判断parseInt(page)当前页 小于 parseInt(zpage)总页数，小于的话page++，下一页。
	if(parseInt(page)<parseInt(zpage)){
		//page每次执行加1，SQL语句limit ${page},8  检索记录行 page+1至(page+1)+8  共8条
		page++;
		//调用query()函数
		query()
	}
};

//尾页
function weiye(){
	//判断parseInt(page)当前页 不等于 parseInt(zpage)总页数，不等于的话page=zpage，尾页。
	if(parseInt(page)!=parseInt(zpage)){
		//page赋值为zpage，SQL语句limit ${page},8  检索记录行zpage至zpage+8  共8条
		page=zpage;
		//调用query()函数
		query()
	}
};

$(function(){	
	//加载全局		
	query();			
});

//function声明query()函数
function query(){
	//var关键字定义变量cname,赋值id为cname的值。
	var cname=$("#cname").val().trim();
	//var关键字定义变量qq,赋值id为qq的值。
	var qq=$("#qq").val().trim();
	//var关键字定义变量pagesize,赋值(parseInt(page)函数返回的整数-1)*8;
	var pagesize=(parseInt(page)-1)*8;
	//判断11是否为空，是的话赋值为null
	if(qq==""){
		qq=null;
	}
	//ajax post请求controller控制器的方法，返回cname,qq,pagesize值，function声明一个函数，给参数并执行。
	$.post("dream/query_dream",{cname:cname,qq:qq,page:pagesize},function(data){
		//构建显示结构_名称
		var ht="<tr><td><b>姓&nbsp;&nbsp; 名</b></td><td><b>Q&nbsp;&nbsp;&nbsp;&nbsp;Q</b></td><td><b>群&nbsp;职&nbsp;位</b></td><td><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;操&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;作</b></td></tr>";
		//构建显示结构_名称+信息和操作功能
		$.each(data,function(index,s){
			ht=ht+"<tr><td><span>"+s.cname+"</span></td><td><span>"+s.qq+"</span></td><td><span>"+s.post+"</span></td><td>&nbsp;&nbsp;&nbsp;&nbsp;<input type='button' value='  详    细  ' onclick='chakan("+s.cid+")'/>&nbsp;&nbsp;<input type='button' value='  修  改  ' onclick='xiugai("+s.cid+")'/>&nbsp;&nbsp;<input type='button' value='  删  除  ' onclick='deletes("+s.cid+")'/></td></tr>";
		});
		//构建显示结构_名称+信息和操作功能+底部操作
		ht=ht+"<tr><td colspan='8' id='count'></td></tr>"
		//读取和修改id为ta的HTML标签
		$("#ta").html(ht);
		//修改id为count的CSS样式
		$("#count").css("font-size","15px");
		//调用count()函数
		count();
	});
};
//功能-调用查看接口，根据id操作数据库。
function chakan(cid){
	window.location.href="<%=path%>/dream/query_tiao?cid="+cid;
}
//功能-调用修改接口，根据id操作数据库。
function xiugai(cid){ 	
	window.location.href="<%=path%>/dream/update_tiao?cid="+cid;
}
//功能-调用删除接口，根据id操作数据库。
function deletes(cid){
	window.location.href="<%=path%>/dream/delete_dream?cid=" + cid;
}


/*
<body style='overflow:-Scroll;overflow-y:hidden'>
	<div style="width: 700px;">
		<font color="blue" size="5">请输入姓名/QQ进行资料查询</font><br>
		<p>
		<p>
		<p>
			姓名:<input type="text" id="cname" size="20">&nbsp;&nbsp;QQ:<input
				type="text" id="qq" size="20"> 
				<input
				style="width: 80px; height: 30px; background-color: #CCFFFF;"
				type="button" value="  查  找  " onclick="query()">
	</div>
	<div style="height: 400px;">
		<table width="800px" id="ta" border="1" bordercolor="#008000">
		</table>
		<p>
			<font id="xinxi" color="red" size="3">${xinxi}</font>
	</div>
</body>
 */
